.wrapper {
    background-color: #00a8ff;
      overflow: hidden;
    height: 100vh;
    width: 100vw;
    font-size: 16px;
    padding-top: 50px;
    box-sizing: border-box;
    position: relative;
    ::-webkit-input-placeholder { /* WebKit browsers */
          font-family: 'Source Sans Pro', sans-serif;
              color:white;
          font-weight: 300;
      }
      :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
          font-family: 'Source Sans Pro', sans-serif;
           color:    white;
           opacity:  1;
          font-weight: 300;
      }
      ::-moz-placeholder { /* Mozilla Firefox 19+ */
          font-family: 'Source Sans Pro', sans-serif;
           color:    white;
           opacity:  1;
          font-weight: 300;
      }
      :-ms-input-placeholder { /* Internet Explorer 10+ */
          font-family: 'Source Sans Pro', sans-serif;
           color:    white;
          font-weight: 300;
      }
      text-align: center;
    h1 {
      font-size: 20px;
      font-weight: 400;
      display: flex;
      justify-content: center;
      color: #fff;
    }
    .right {
      font-size: 16px;
      font-weight: 200;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%);
      color: #fff;
    }
    form{
      padding: 20px 0;
      position: relative;
      z-index: 2;
      display: block;
      input{
          display: block;
          appearance: none;
          outline: 0;
          border: 1px solid fade(white, 40%);
          background-color: fade(white, 20%);
          width: 280px;
          border-radius: 3px;
          padding: 10px 7.5px;
          margin: 0 auto 10px auto;
          display: block;
          text-align: center;
          font-size: 18px;
          margin-bottom: 15px;
          color: white;
          
          transition-duration: 0.25s;
          font-weight: 300;
          
         
      }
      .btns {
          display: flex;
          flex-direction: column;
          padding: 0 10px;
          text-align: center;
          button{
          flex: 1;
          appearance: none;
          outline: 0;
          background-color: white;
          border: 0;
          color:#00a8ff;
          border-radius: 3px;
          width: 300px;
          cursor: pointer;
          font-size: 20px;
          transition-duration: 0.25s;
          margin: 10px auto;
          padding: 5px 0;
          &:hover{
              background-color: rgb(245, 247, 249);
          }
      }
      }
  }
  }